Cover Page, Navigation, & Mobile Devices

Hello,

Thanks for posting your question for assistance with editing various aspects of your BoldGrid website. I’m happy to assist you. I believe you are seeing a responsive component that is causing the change in appearance of the menu when you switch from the preview to the live view. For example, I can see (on my larger screen) the navigation menu appears as one line. However, on my smaller screen the navigation menu spans two lines in order to maintain the look and functionality on the smaller device. In order to change this behavior, you would need to use Google Developer Tools to find the CSS necessary to customize your website’s CSS. For instance, you can use:

.boldgrid-framework-menu li {
padding-left: 0px;
padding-right: 0px;
}

.palette-primary #secondary-menu a {
padding-left: 0px;
padding-right: 0px;
}

to reduce the padding and possibly allow the menus to all appear on one line for all size screens.

The black background is indeed an accent of the Resolve theme/Inspiration. Again, you would need to use the Custom CSS Editor to enter the following code:

.palette-primary .background-accent{
display:none;
}

The mobile “responsive” theme is automatic. I don’t see any issues with the mobile version except for the header image. It appears to be too large to fit in a mobile device’s smaller screen. You may consider another photo if you are unable to crop it to appear better on mobile devices.

I hope this helps!

Sincerely,
Carlos D