[marktuschman]

Mohammed, thank you, thank you…that works great!!

[marktuschman]

Please see two images: Atelier_Normal_Menu.png showing the normal menu the say it should appear, and Atelier_Issues.png showing how the Logo and right-most menu choices in the header appear over the image below the header when the browser is resized to a smaller length/width.

Attachments:

You must be logged in to view attached files.

[marktuschman]

Thank you Mohammad. Your solution solved one problem which is the left-most menu item being overlaid by the logo on the left side of the header. However, it does not solve the following: as the size of the browser is reduced, the right-most menu items begin to wrap around onto the image below the header. Also, the logo on the left side of the header at some point gets squeezed out of the header and appears on the image below the header. Here are a couple of those specific breaking points:

• At 980 x 1280: right-most menu item wraps and appears over the image below the header.
• at 800 x 1280: the 3 right-most menu items wrap to overlay the image below the header and the logo appears over the image below the header.

Is there css code that addresses various responsive browser sizes that I can use to, at various sizes, customize the appearance of the logo and menu items in the header?

Thank you, Joel

[marktuschman]

Thank you 🙂 That worked.

[marktuschman]

I realized my first mistake and corrected it: I used the wrong element, the Testimonials Slider, instead of the Testimonial Carousel. I’ve corrected this mistake.

I also changed your suggested CSS code to the carousel widget as follows:

.spb_testimonial_carousel_widget .spb-bg-color-wrap {
background: #bc551d none repeat scroll 0 0 !important;
}

But this does not change the background color of the carousel.

Is there any documentation on the CSS classes or do I just need to find the appropriate CSS file and do my own analysis to figure it out?

[marktuschman]

But I’m still having an issue: in the configuration for the Swift Slider element, the only category that appears is “All[x]”. The category that I’ve set up and assigned to the slides doesn’t show up. And when I try to type it into the Category textbox, the message “No results match” appears under the Category text box. Is there something I need to do like publish the slides? Currently they’re in draft. But the page I’m working on is also in draft and not published.