tyrsdei

background size is set as cover I’m pretty sure… but even on your demo site, the theme extends past main content outside of viewport… this is not pretty as when a mobile user scrolls, they can accidentally scroll over, cutting them off from the content
here is an example from my site
https://ibb.co/ePjyWT

and from your demo…
https://ibb.co/giJWko
https://demo.accesspressthemes.com/storevilla/ viewed from here, on three different phones.

separately… can i move the top nav bar to appear below header… the header
background image looks ugly extending into the top menu. I know this would require me to edit the theme directly, and i have already created a child theme for accomplishing this. If I can move the top nav bar, and keep the site from extending then i may very well upgrade to pro, as i do like the theme.

• This reply was modified 6 years, 9 months ago by tyrsdei.
• This reply was modified 6 years, 9 months ago by tyrsdei.

False alarm… it’s apparently a known bug. Setting static home page caused it. Had to set both on page and in yoast to enable.

• This reply was modified 6 years, 9 months ago by tyrsdei.

I resolved this, by disabling bbpress login shortcode instead.

• This reply was modified 6 years, 9 months ago by tyrsdei.

Did a little digging, storevilla demo site at accespress theme site also is overextended an inch when viewed mobile, so it’s not even my site, but the theme.

So, is there an update to the theme coming that fixes this, or a couple lines of css that would fix this for additional css file?

I assume for the header image to be brought down below top nav, there would have to be some sort of responsive padding? yes?

• This reply was modified 6 years, 9 months ago by tyrsdei.

Also, ‘home page’ template is not present, but frontpage is. Documentation specified homepage.

• This reply was modified 6 years, 9 months ago by tyrsdei.

Thank you!
two small last things.
can i make the header image clip below the top menu? instead of extending into it?
and on mobile it’s wider than the viewport for some reason, and what i mean by this, is instead of staying fixed to the width, it extends past… i thought it was the background image, but i removed, and it still happens, it scrolls a full inch over. kind of experience breaking

If i can do the second item, first is kind of irrelevant

header#masthead.site-header {
	width: auto;
}

i tried this in additional css

g

@media screen and (max-width: 768px) {
  #pre-header-search, #header-links, #pre-header-social {
    display: block;
}
}

Found this code in a similar post, but it breaks main header menu into some weird block, and only displays the search cutoff and that is it…

I am trying to get the pre-header menu to appear mobile-ly, to clarify, not trying to modify header menu, JUST pre-Header