Navigation menu keep moving « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Propulsion

Navigation menu keep moving

10 posts from 5 voices

Started 1 year ago by saranganv
Latest reply from zenji
This topic is closed
This topic is resolved

Tags:

saranganv
Member

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)

Posted 1 year ago #
Devin
Moderator

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

Posted 1 year ago #
saranganv
Member

http://cheeses.testingse.com

Posted 1 year ago #
Mya

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

Posted 1 year ago #
thinkdm2
Member

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...

Posted 1 year ago #
Devin
Moderator

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

Posted 1 year ago #
thinkdm2
Member

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

Thanks.

Posted 1 year ago #
zenji
Member

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

Posted 1 year ago #
Mya

Thanks for posting your solution Zenji!

Regards,
Mya

Posted 1 year ago #
zenji
Member

No problem Mya ... glad it helped. :D

Cheers

Posted 1 year ago #