[andre.g]

Since update to WordPress 5.1 Food Menu does not show up on frontpage with full width (even in your demo). I´m shure that will be fixed soon. How can I realize full width of food menu on other sides when I implement menus with shortcodes?

[Skandha]

@andre-g: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.menu-content-wrapper {
      max-width:unset !important;
}

Let me know if this resolves the issue!
Kind Regards,
Skandha

[andre.g]

Hi Skandha,
great, works on frontpage – thanks! Let me ask again, if it is possible to realize that on a single site or post with food menu shortcodes too.
Thank you,
Greats
Andre

[Skandha]

@andre-g: Hello there,
The above code should work for menus on all the single post/page even using the shortcodes.

Let me know if this works out!
Kind Regards,
Skandha

[andre.g]

Hi Skandha,
on the frontpage it works but not on a single page. The site is not online and so I can´t show you.
When I edit with firefox inspector the css class “site-content” like class=”site-content menu-content-wrapper” it shows wright. I´ve tried to install Plugin “Custom Class” to set the css “menu-content-wrapper” vor the body-class but it don´t work.
May you have another solution for me.
Thank you very much

[Skandha]

@andre-g: I will need to have a look at your site to fix the issue. Since your site is not live I will need your WP admin login credentials. I will shortly contact you by email.

Kind Regards,
Skandha

[Skandha]

@andre-g: Hello there,
You seem to be using sidebar on single post/pages. If you want the menu on single pages to be full width you will need to remove the sidebar.

Let me know if this helps you out!
Kind Regards,
Skandha

[andre.g]

Hi Skandha,

in Theme Option (Customizer) in Layout Options I have follwing settins:

Site Layout: Fluid
Default Layout: No Sidebar: Full Widht
Homepae/Archive Layout: No Sidebar: Full Widht

On the Page “Getränkekarte” I have on the rigth side following settings:

Site-Attributes: Template (No Sidebar: Full Width)
Catch Foodmanie Pro Options: Select Sidebar (Default Sidebar). Here I can´t choose “no sidebar”? What do I wrong?

Thanks for your reply

[Skandha]

@andre-g: Hello Andre,
Can you let me know on which page you want the menu to be full-width?

Kind Regards,
Skandha

[andre.g]

Hi Skandha,
I want to have the full-width for example on the page http://www.vivamisi.com/getraenkekarte/
Here I don´t have any widgets on the right site. When it look ok, I will try to have the full-width on all other food-menus and submenues too (menu-items “Speisekarte, Burgerkarte and Steakkarte). Here I have widgets on the right site and if it is possible to have the full-width here too I need to style the background white via css for the widgets. If it is not possible may I don´t use widgets and put the content of them among the full-width-food content but don´t know yet if it look good.
I’m looking forward to your feedback.
Thanks and greets,
Andre

[Skandha]

@andre-g: Hello Andre,
I have made all the pages that has Menus to No Sidebar: Fullwidth.
Do you want the menus in single pages to extend to the edge of the screen?

Let me know if this is what you want!
Kind Regards,
Skandha

[andre.g]

Hi Skandha,
yes, this is exactly what I want. See screenshot here.
I did the screenshot with firefox inspector like I told you in Reply #166829.

As I told before, a dream would be, when it is also possible to have this on pages with a sidebar! I switched for menu item “Staekkarte” back to “Right Sidebar”. In this case I could style the background of the widgeds in custom.css. See screenshot here.

Thank you for your answer.
Greets,
Andre

[Skandha]

@andre-g: To have the food menu pages full-width like your first screenshot
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.page-id-19 .singular-content-wrap, .page-id-523 .singular-content-wrap, .page-id-536 .singular-content-wrap, .page-id-528 .singular-content-wrap, .page-id-530 .singular-content-wrap, .page-id-532 .singular-content-wrap, .page-id-534 .singular-content-wrap, .page-id-536 .singular-content-wrap, .page-id-30 .singular-content-wrap, .page-id-1025 .singular-content-wrap, .page-id-548 .singular-content-wrap, .page-id-287 .singular-content-wrap, .page-id-676 .singular-content-wrap, .page-id-548 .singular-content-wrap, .page-id-550 .singular-content-wrap, .page-id-552 .singular-content-wrap, .page-id-560 .singular-content-wrap {
	padding:0;
}

.page-id-19 .site-content .wrapper, .page-id-523 .site-content .wrapper, .page-id-536 .site-content .wrapper, .page-id-528 .site-content .wrapper, .page-id-530 .site-content .wrapper, .page-id-532 .site-content .wrapper, .page-id-534 .site-content .wrapper, .page-id-536 .site-content .wrapper, .page-id-30 .site-content .wrapper, .page-id-1025 .site-content .wrapper, .page-id-548 .site-content .wrapper, .page-id-287 .site-content .wrapper, .page-id-676 .site-content .wrapper, .page-id-548 .site-content .wrapper, .page-id-550 .site-content .wrapper, .page-id-552 .site-content .wrapper, .page-id-560 .site-content .wrapper {
	padding-top:0;
}

To have the menu pages like your second screenshot you will need to create a child theme and customize your site. I suggest you to hire a customizer for this.

Let me know if this helps you out!
Kind Regards,
Skandha

[andre.g]

Hi Skandha,
thanks for your css, but that is not what I needed – but I worked it out.
I´ve used a child theme already and edited the header.php like this:

			if ( $enable_homepage_posts  and (is_page(287)) or (is_page(528)) or (is_page(530)) or (is_page(526)) or (is_page(532)) or (is_page(676)) or (is_page(19)) or (is_page(552)) or (is_page(548)) or (is_page(560)) or (is_page(550)) or (is_page(534)) or (is_page(523)) or (is_page(536)) or (is_page(30)) or (is_page(1025)) ): ?>
			<div id="content" class="site-content menu-content-wrapper">
				<div class="wrapper">
				<?php else: ?>
			<div id="content" class="site-content">
				<div class="wrapper">		
			<?php endif; ?>

After that I´ve installed the plugin “Widget CSS Classes” to style white background for the widgets.

Thanks anyway for your help.

Greets,
Andre

[Skandha]

@andre-g: Hello Andre, I hope I was able to help you out. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-foodmania/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts