[jonathonfowler]

Hi, if I add the code:

//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

after this code:

//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_header', 'genesis_do_nav', 12 );

My menu is centred, however I now have two hamburger menus when viewed on mobile.

Any help or advice on how to centre the Genesis Sample menu would be hugely appreciated!

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi, my site menu is already positioned to the right of the top of the page:

https://loveweddingphotosandfilm.co.uk/

using this code in functions.php :

//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_header', 'genesis_do_nav', 12 );

I would like the menu to be centred on the page, so I changed the code to the following, which is suggested earlier in the thred:

//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

But now my menu disappears, unless I view the site on mobile, then the hamburger menu appears.

How do I get the menu to appear in the middle and not disappear?

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

I changed my theme to use the Genesis Sample theme. CLS test is now a pass and my theme is more legible and cleaner looking.

My homepage mobile score is 92, and on desktop, it's 100. Thank you Studiopress!

My wedding photography website

Pagespeed Insights test results

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi,

I tried your fix Anita but it just completely removes my menu on mobile, which is clearly undesirable.

Any idea how to get your fix to work on my site? Thanks.

My site

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

I tried the fix posted by Anita, all it does is delete the menus completely on mobile devices. So I 'pass' the CLS test, but visitors cannot navigate my site 🙁

Is it possible to display the menu without the hamburger that causes the CLS issue?

Maybe time to move to another theme if this isn't addressed by the Studiopress team 🙁

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi Porter, thank you very much, that worked just fine!

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi, thanks for your reply.

I looked at woocomerce and it gets mixed reviews for selling prints of photos. Apparently not a great solution due to awkward setup.......I've not yet seen a live example that looks great.

2. I did, and over the past 3 years I've tried and thoroughly tested NextGen, NextGen Pro, WP Estore, WP Photo Seller. All had problems. Did a google search and I can see some options, but nothing that shows me a live site demo that convinces me it will be better than the stuff I've already tested.

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

OK, thanks Lynne. Which extraneous elements would need to be removed, and how do i remove elements using CSS?

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Thanks Lynne, I appreciate your help. I can easily remove the background image, leaving just the slider in place. That's strange about the white bars, I can;t see them when logged in as admin, but I can see them logged out.

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

What I want is the slider to work the same way as supersized: http://buildinternet.com/project/supersized/slideshow/3.2/demo.html is it possible?

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Fixed! I changed a setting on the slider and now the white content area has been made transparent. thank you!

Now if I can reduce the height of the content area on the slider pages only, as noted above, the slider pages will look much neater and more compact.

I appreciate your assistance, thank you again!

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

I tried your suggestion above but it's not had the desired effect - nothing has happened 🙁

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi Lynne,

Thank you very much for this information, I appreciate it and I'll put it to use in a wee while!

How would I then reduce the padding above and below the slider, how would I reduce the size of the content area so the top of the slider sits up against the bottom of the menu area, and the bottom of the slider sits level with the footer area?

Thanks again for your reply!

Regards,

Jonathon.

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi,

I’m getting a Pagespeed Insights message advising me my site isn’t Mobile Frindly. I use Genesis Sample Theme as a child theme.

The Pagespeed Insight message:

73 / 100User Experience
This page may not pass Google’s Mobile-Friendly Test. Learn more.

Should Fix:
Use legible font sizes
The following text on your page renders in a way that may be difficult for some of your visitors to read. Use legible font sizes to provide a better user experience.
The following text fragments have a small font size. Increase the font size to make them more legible.
Contact Jonathon and 3 others render only 5 pixels tall (16 CSS pixels) see screenshot.
Adaptable and…guarantee you and 33 others render only 5 pixels tall (18 CSS pixels) see screenshot.
Scotland’s mos…cular settings and 15 others render only 5 pixels tall (18 CSS pixels) see screenshot.
"Thank you for…n the future!" renders only 6 pixels tall (19 CSS pixels) see screenshot.
Ashleigh & Mat…Wedding Photos renders only 5 pixels tall (16 CSS pixels) see screenshot.
Finding the ri…of the moment and 12 others render only 5 pixels tall (18 CSS pixels) see screenshot.
containing hig…ur wedding day and 5 others render only 5 pixels tall (18 CSS pixels).
love renders only 5 pixels tall (18 CSS pixels).
Jonathon Fowle…burgh, EH7 5NP and 2 others render only 5 pixels tall (18 CSS pixels).
Telephone: 07817 517604 renders only 5 pixels tall (18 CSS pixels).
All content on…onathon Fowler renders only 5 pixels tall (16 CSS pixels).
Hide details
Configure the viewport
Your page does not have a viewport specified. This causes mobile devices to render your page as it would appear on a desktop browser, scaling it down to fit on a mobile screen. Configure a viewport to allow your page to render properly on all devices.
Configure a viewport for this page.

I’m confused, I bought Genesis a couple of weeks ago after reading it was mobile responsive…but it’s not ‘mobile friendly’?

I;d be grateful if anyone could advise me how to fix this. Thank you!

---

Award-winning wedding photographer in Scotland

[jonathonfowler]

Hi,

I'm getting a Pagespeed Insights message advising me my site isn't Mobile Frindly. I use Genesis Sample Theme as a child theme.

The Pagespeed Insight message:

73 / 100User Experience
This page may not pass Google's Mobile-Friendly Test. Learn more.

Should Fix:
Use legible font sizes
The following text on your page renders in a way that may be difficult for some of your visitors to read. Use legible font sizes to provide a better user experience.
The following text fragments have a small font size. Increase the font size to make them more legible.
Contact Jonathon and 3 others render only 5 pixels tall (16 CSS pixels) see screenshot.
Adaptable and…guarantee you and 33 others render only 5 pixels tall (18 CSS pixels) see screenshot.
Scotland’s mos…cular settings and 15 others render only 5 pixels tall (18 CSS pixels) see screenshot.
"Thank you for…n the future!" renders only 6 pixels tall (19 CSS pixels) see screenshot.
Ashleigh & Mat…Wedding Photos renders only 5 pixels tall (16 CSS pixels) see screenshot.
Finding the ri…of the moment and 12 others render only 5 pixels tall (18 CSS pixels) see screenshot.
containing hig…ur wedding day and 5 others render only 5 pixels tall (18 CSS pixels).
love renders only 5 pixels tall (18 CSS pixels).
Jonathon Fowle…burgh, EH7 5NP and 2 others render only 5 pixels tall (18 CSS pixels).
Telephone: 07817 517604 renders only 5 pixels tall (18 CSS pixels).
All content on…onathon Fowler renders only 5 pixels tall (16 CSS pixels).
Hide details
Configure the viewport
Your page does not have a viewport specified. This causes mobile devices to render your page as it would appear on a desktop browser, scaling it down to fit on a mobile screen. Configure a viewport to allow your page to render properly on all devices.
Configure a viewport for this page.

I'm confused, I bought Genesis a couple of weeks ago after reading it was mobile responsive...but it's not 'mobile friendly'?

I;d be grateful if anyone could advise me how to fix this. Thank you!

---

Award-winning wedding photographer in Scotland

[Author]

Posts