I'm having difficulty with my header/banner within my Pagelines Framework. My two main issues are:
1) The 3 images in the Header do not re-size when I re-size the FF/Safari/Chrome browser. The two images to the left and right of the logo were added using a hook within the functions.php file (see attached image)
2) The navigation menu also does not re-size
Layout Handling: Responsive w/ Pixel Width
Site Design Mode: Full Width Sections
Header Sections: Branding, Classic Nav, Secondary Nav
The following is my css code for the classic nav and the banner images. As you can see, I started with px declarations and tried to switch to em to fix the responsive issue. I basing the em sizes on a base font size of 14px. The below is placed within my child theme in the style.css file.
I have the "Disable Mobile View" UNCHECKED. I tried checking it, and while it looked somewhat better on the iPhone, it did not fix the fact that the banner images & nav were not resizing.
Can someone point me in the right direction?
Any help is greatly appreciated! Thank you.