Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #10771

    I’ve used the follwing in my custom.css to change the fonts on my navi bar:

    .main_menu {

    float: right;

    position: relative;

    top: 39px;

    z-index: 100;

    padding-bottom: 20px;

    font-family: ‘LondonTubeNormal’ !important;

    }

    but my nav bar keeps moving from side to side depending upon what page i am on. This happens in both Chrome and Firefox (latest versions)

    #69333

    Hi saranganv,

    Do you have a link to the page that we can take a look at? Aside from the font-family, those are the default attributes for the main_menu and shouldn’t have any kind of effect like you are describing.

    Regards,

    Devin

    #69334
    #69335

    Hi saranganv,

    I noticed in viewing the source code the inline style switches from “float: right;” to “float: left;” when you click on the interior pages. When I remove the “float: left;” (using Firebug extension for Firefox) the menu repositions to the right. I can’t determine where the “float: left;” is coming from.

    Did you try removing all but the “font-family: ‘LondonTubeNormal’ !important;” from your custom.css to see if that corrected the problem?

    Regards,

    Mya

    #69336

    I am noticing the same issue with my main menu navigation in the Propulsion theme.

    For some reason, there is an inline float being added to the menu div that I cannot find to remove, but it keeps changing from left to right when I refresh the page.

    Any suggestions on removing this inline style all together? It is unnecessary anyways…

    #69337

    Hi thinkdm2,

    Do you have a link to your site so we can take a look. In my local clean install of propulsion I don’t get the same issue so I’m not sure what the cause would be without inspecting the code live.

    Regards,

    Devin

    #69338

    Sorry, I am working locally. When I get the site up on a test server for review, I will post a link.

    Thanks.

    #69339

    Hey guys, I had the same issue as well, but I found the issue that worked for me.

    Open avia.js file in your js folder. Go to line 124 and you will see the float: right; … I changed mine to float: left; as I wanted to menu to be under the logo on the left hand side and all worked like a charm.

    Hope this helps.

    Cheers

    #69340

    Thanks for posting your solution Zenji!

    Regards,

    Mya

    #69341

    No problem Mya … glad it helped. :D

    Cheers

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Navigation menu keep moving’ is closed to new replies.