Hi there,
I’m doing a website for a friend and have a few issues i can’t seem to get my head around.
1. The header logo doesn’t expand to the full width of the page via the responsive or normal pc browswer. Is there a setting or a set size the header logo should be so I can maximize the space? Also, that same space seems to appear under the header logo when in responsive mode (iphone 6). The colour seems to be off grey but very light.
2. Do tables automatically resize in the responsive menu? If so, maybe I’m doing something wrong as the tables on the main page dont seem to resize and text is off the screen (iphone 6).
3. The menus also seem all over the place with the alignment, how can I fix this?
Hi Damien
Thanks for reaching out.
1. A full header logo doesn’t really work out in the full width layout version of the theme. On a 27″ monitor for example your logo would land up being very stretched. In Vantage Premium Appearance > Customizer it’s possible to add a Masthead (header) background image that sits behind the logo and is 100%, that’s usually what we’d recommend for the full width Vantage layout.
If you switch over to the boxed layout version of the theme you can add the following to Appearance > Custom CSS:
/* Full header logo */ header#masthead { padding: 0 !important; } header#masthead .hgroup { padding: 0 !important; } header#masthead .hgroup .logo img { width: 1080px; } .main-navigation { margin: 0 !important; } body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar { display: none !important; }And then add a logo that’s 1080px wide. That would then fill your header completely.
2. No, as it stands tables don’t have much responsive power. Try this rather. Add a row in Page Builder with three columns in it. In each column add a Visual Editor widget and a SiteOrigin Button Widget. The image will go in the Visual Editor widget.
To get access to these two widgets the following two plugins need to be installed:
https://wordpress.org/plugins/black-studio-tinymce-widget/
https://wordpress.org/plugins/so-widgets-bundle/
3. Appearance > Theme > Settings > Navigation. Turn on the Responsive Menu and increase the mobile menu breakpoint (last setting) to a px value that works for the menu as it stands.
Hi there,
The suggestion for the tables worked great. Thank you. I am going to work on the full sized logo shortly, but as for the menu, I’d like to keep the current layout without having it responsive. All I just require is for them to be aligned properly. Is this possible?
It’s unfortunately not possible to selectively choose which elements are responsive and which aren’t. If you’d like to disable all responsive behaviour for the site, that can be done at Appearance > Theme Settings > Layout. That’ll just load the site up in a fixed layout.