Optimize HTML Code changing menu layout

  • Resolved alphageekuk

    (@alphageekuk)


    9 years, 9 months ago

    I have a horizontal tab like menu at the top of a site I am working on. The tabs have some white space between them (www.rejuven.co.uk).

    When I switch on Optimize HTML Code the white space is removed and the tabs are rendered up against each other. This happens if I just use Optimize HTML Code and leave the JS and CSS switched off (testing the options in isolation).

    I’ve looked at the page source and the .css looks the same with Optimize HTML Code switched on and off.

    How to troubleshoot?

    • This topic was modified 9 years, 9 months ago by alphageekuk. Reason: typo
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Frank Goossens

    (@futtta)

    9 years, 9 months ago

    can you upload a screenshot of your menu with and without AO HTML optimization (e.g. on http://imgur.com/ or the public folder of your dropbox-account) and post the URL’s to those images here alphageekuk?

    Thread Starter alphageekuk

    (@alphageekuk)

    9 years, 9 months ago

    Hi Frank, even easier

    Live Site (no AO Options switched on) http://www.rejuven.co.uk/

    Staging Site (only AO HTML switched on) http://rejuven.staging.wpengine.com/

    Thanks.

    Plugin Author Frank Goossens

    (@futtta)

    9 years, 9 months ago

    had a look at the HTML and can’t seem to find a structural difference. rather frustrating.

    anyways; lacking a root cause + solution, you could as workaround either
    * not optimize HTML (this is least important anyway, it does not cut down on number of HTTP requests and the reduction of HTML size is not enormous)
    * add this CSS-rule somewhere (in a style block in a text widget for example):

    #navigation li{
	margin-left: -1px !important;
}

    hope this helps,
    frank

    Thread Starter alphageekuk

    (@alphageekuk)

    9 years, 9 months ago

    Thanks for taking a look Frank.

    I’ll have a play with the CSS rule and see if it helps.

    Thread Starter alphageekuk

    (@alphageekuk)

    9 years, 9 months ago

    Hi Frank, that fixed it. Thank you very much.

    Plugin Author Frank Goossens

    (@futtta)

    9 years, 9 months ago

    you’re welcome, have a nice weekend! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Optimize HTML Code changing menu layout’ is closed to new replies.