Tagged: Executive Theme Responsive
July 7, 2013 at 1:46 pm #49677
The site I am working on has a fairly long title. I had to change the title area form 25% to 50%. When I view the site on a iPad, the title area and navigation no longer center. I can't figure out what I need to change to make this work. Any help is appreciated.
http://www.neworleansbridalmakeovers.com/July 7, 2013 at 2:58 pm #49687
It looks like because you set it to 50% it is still using that number when viewing on ipad.
To fix it open your style.css and scroll down to the bottom to the media queries and add a width value to both:
#title-area and #header .widget-area of 100% for example.
Try adding it in this media query: @media only screen and (max-width: 1023px)
Hope this helps
July 7, 2013 at 3:20 pm #49689July 7, 2013 at 3:25 pm #49693July 7, 2013 at 7:31 pm #49734
I tried your solution with my existing CSS and it still wouldn't work. When I commented out my custom styles other than the 50% title and widget area size, it works just fine. I just have to find out where the style are conflicting. I know there are some instances in which styles won't necessarily cascade, I guess I'm just lucky enough to have just found one. At least I'm early enough in the project that I only have 20 or so styles to go through.
Thanks for your help,
July 8, 2013 at 6:51 am #49778
The conflict was actually on the last line of my custom CSS. On the homepage "Home Top" widget, instead of using three featured pages, I used a single page. I changed the width from 33% to 100%. When I added padding to an image used in the page, it somehow affected the title area. I adjusted the targeted element (img) and resolved the issue.
July 8, 2013 at 7:58 am #49785
You must be logged in to reply to this topic.