ipad issue fixed.

But how do i get the top bar of this type of page: http://obmwatersports.com/parasailing/

To be like this type of page http://obmwatersports.com/jet-ski-tours/ So the font is larger and white?

Thanks! Mobile logo looks good.

Regardign the first part, for the top bar. If you notice on other pages besides home like this page: http://obmwatersports.com/parasailing/
I have dont have it set to Transparent header, so the top font is small on PC and Mobile View.

Does that make sense?

I am also having someone view on iphone and the Slider on home page photos look small. See here :

That didnt do anything but make the background of the page red.

I understand what you are saying, but I want to have one Color Section as the main row.

I then place 2 columns within that color section (50/50)

On the right column, I want to place what you said…. 1/1 column and then a 1/2 + 1/2 below it. It does not allow me to do that.

This code here you put in messed it up:

@media only screen and (max-width: 479px) {
#header_meta a {
font-size: 11px;
}

Therre are a lot of menu items, i know. When it goes to phone, the responsive menu comes up. Thats what I want.

Its just on PC, when the menu bar does not have a background, it blends in with photos, which Is why I put the slight transparency behind it.

I am open for suggestions. I see what you mean if its on a small browser and slightly bigger than ipad view.

thanks

also on another site using link in Private Content box…
The Grid Row doesnt work for me because all of the content goes full width.
Currently on this page where you see the green Mission box and the image to left, I have a Color Section (1/3 +2/3).
Under the photo I want to have 2 columns for text.
I also want the ABout green box on the left to be directly beneath the Mission box but only be a few pixels seperating.

yes but look at it on a PC. not a phone.
logo is on there twice. in middle and upper left.

OK. Here are hopefully the last questions I have.
So I will need to go in to the Quick CSS and add this code for each page?
#top.page-id-729 .mobile_logo{ display: none; }

@media only screen and (max-width: 989px) {
#top.page-id-729 .mobile_logo{ padding-top: 100px; display: block; }
#top.page-id-729 #header .logo{ display: none !important; }

Also, I noticed that where you have the logo in Image, there is a custom CSS class called: mobile_logo. I did not see that in the Quick CSS? Where is that?

How do i get the same effect on the HOME page? Since there is a slider, there is not place to put an image.

Finally, see screenshot: http://obm.webjed.com/wp-content/uploads/2015/07/dropdown.jpg I would like to see the dropdown come up closer to main menu.

thanks again!

Much better…I see what you did…its just on each page. I assume their is some code to bypass the main logo for each page?

Only thing I can see at this point is if there is anyway to push that logo down some? I guess I can always make the logo have blank space above it, correct?

Is there anway to push the menu tab down below the line?

THANKS!

This is what the RETAIL page looks like now: http://obm.webjed.com/wp-content/uploads/2015/07/obm_current.jpg
These are with the settings for a transparent background. And the Color Section minimum height set to 50% with no padding,

Ideally, i would like for all the pages to look like this in responsive mode on phone: http://obm.webjed.com/wp-content/uploads/2015/07/obm_ideal.jpg

As you are aware, I havent had any luck getting the logo larger. But also, the title of the page “RETAIL” needs to be dropped down once the logo is larger. I would like to point out that the logo doesnt necessarily have to be centered…just as long as its larger. Hope that makes sense.

If for some reason its just not possible to have the page title in the Color Section beneath the larger logo, I can place the page header below like here: http://obm.webjed.com/dining/ But would still definitley need the logo to be larger. If this is the only way to do it, then is there a way to have less padding around the page title in that white area?

Thanks again

Yes, I have checked on phone. See screenshot: http://obm.webjed.com/wp-content/uploads/2015/07/Screenshot_2015-07-17-09-36-43_resized.png

Can you just go in using my creds and double check the code? The image link is above in this thread.

Thanks

What size does the logo need to be? Is there a minimim or maximum size?

Its still not working going to Appearance > Editor > funtions.php (at the very bottom).

http://obm.webjed.com/wp-content/uploads/2015/07/logo100.png

Where do I add a different logo for the Mobile Version?