Docs

[bedingfield]

hi there,

I am having a couple of problems; when viewing my test site on iPhone in portrait and landscape view my logo is small and not responsive. It stays the same small size all the time.

On the Mega-menu, there is one bug in the menu hierarchy. There is no left margin/padding on the main heading links of the drop-down menu.

I have attached pictures to illustrate this. Any CSS to fix these?

website address is: elyrunners.club

Thank you

[bedingfield]

Logo items

[bedingfield]

Logo thats too small and not responsive

[Christopher]

Hi there,

Please find and remove this code from http://elyrunners.club/wp-content/themes/ERC-Child/style.css?ver=4.4.2

.x-nav li:first-child a {
    padding-left: 0!important;
}
@media (max-width: 979px){
.masthead-stacked .x-brand.text {
    font-size: 150%;
}
}

Hope it helps.

[bedingfield]

Hi there,

Thank you for that. The only problem is that if I remove…

.x-nav li:first-child a {
    padding-left: 0!important;
}

It breaks my logo and menu alignment. I removed padding-left from first child so the left edge of the menu aligns perfectly with logo edge. You can see how it breaks when above style is removed on the attachment. I just need to keep zero padding on first menu item really.

Any workarounds?

Thank you.

[Christopher]

Hi there,

Please update it to :

@media (min-width:979px){
.x-nav li:first-child a {
    padding-left: 0!important;
}
}

Hope it helps.

[bedingfield]

thanks for that. The logo is not responsive when viewed on smart phones though. Is this possible?

Thank you.

[Rupok]

Hi there,

Thanks for writing back. I can’t see any logo on your site rather the brand text. So assume you are referring this. However you have set a static font-size (44px) for this that’s preventing this to be responsive on smaller devices.

You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 480px) {
.x-brand {
  font-size: 28px;
}
}

Hope this helps.

Cheers!

[Author]

Posts