Mobile Menu Location

[mongrelgear]

We have a problem where the menu location on the Mobile Screen sits right over our logo.  Is there a way to move this? You can see this at  https://fpvlearning.wpengine.com/ Any help would be great. Cheers John  

[Ava]

Hi Please paste the below Custom Css code to Wp-admin > Appearance > Customization > Custom css > publish @media screen and (max-width:414){ #logo { width: 50%; } header #trigger{    right: 0px; } .mooc .topmenu {   margin-right: 25px; } }   Refer to this screenshot: http://prntscr.com/o3v41o

[mongrelgear]

Hmm... It didn't work.  See screen shot! https://prnt.sc/o7a9qf

[Ava]

Hi Mongrelgear Okay, first of all, my apologies, it seems there is a slight mistake in the code I shared above. Please paste the below custom code instead of the previous one. This will be going to work just fine.

@media screen and (max-width:414px){

#logo {

width: 50%;

}

header #trigger{

   right: 0px;

}

.mooc .topmenu {  

margin-right: 25px;

}

}

[mongrelgear]

Ahh... Perfect!  Thank you! If you know of anyway to move the login button around, that would be great! I wished I knew more about CSS than I do.  :(  Thank you so much for your help.

[Ava]

Hi Just one question, can you please tell where do you want that login button to be?? refer: http://prntscr.com/o9ctci

[Author]

Posts