[nextstep]

When I view my website http://www.nextsteptherapy.ie on my phone or tablet, most of the text is not visible without scrolling horizontally. I have ticked the responsive option in CB Pro customising menu

Any ideas?

[Pratik]

Hi @nextstep,

This is due to your custom css as follows:

#primary{
width: 700px;
}

#secondary{
width: 210px;
}

Please use the code I provided in earlier post and this will solve the issue. Remove the ones you have added.

Regards,
Pratik

[Ernesto]

Hi Pratik,

i’ve recognized a comic thing testing responsive design of my site.

Please, try to click following links with an iPad2, iPad Air and so on:

This link shows the homepage. You can see, the menu-bar has 2 rows (in the 2nd row is placed the Login button):
http://www.astrolive.ch/

This link shows the same but we are now in the shop (WooCommerce). The screen-shoot shows the overview of product-categories:
http://www.astrolive.ch/shop/

This link shows shows a category of products and if you take a look on the menu, you can see that all buttons are aligned on a single line (and this is right, as i would like). There is no black highlighting on the bottons of selected page.
http://www.astrolive.ch/categoria-prodotto/gioielli-pietre-zodiacali/

The strange thing is that if you see link nr. 1 and 2, the highlightet page is bold (black coloured).

The 3rd one doesn’t have this kind of highlighting and the menu line is a single one.

Have you got an idea what happens? I couldn’t find out anything.

Thank you very much in advance!

Ernesto

Environment:

WP v. 4.7.2

Catch Evolution PRO v. 3.4.1

Child theme

WC v. 2.6.13

[Pratik]

Hi @serpico57,

Try following Code in Appearance=> Customize=> Additional CSS

@media screen and (max-width: 1061px) {
    #header-menu ul.menu a { padding: 0 1.5em; }
}

The reason this is happening is due to the shop and home page are bold because they are active pages.

Regards,
Pratik

[Author]

Posts