[clarissavazmagalhaes]

Hi there,

I made some changes in the Attitude Theme in this website: http://www.reikiwithshelly.com. I noticed that it looks fine in most browsers, but I tried it on my iPhone and it simply doen’t work. The menu is missing, the text on the homepage is off and I can’t even go to another page.

The only changes I made in the CSS were:

– Line-height for the <h2> tag.
– Decreased the white space at the top of the page, above the picture with the logo. And, for that, I copied a code that you guys posted in another thread:

hgroup-wrap {
padding-bottom: 5px;
padding-top: 0;
}
.hgroup-right {
margin-top: 5px;
}

– Changed the text alignment to be beside the picture in the homepage, instead of below the picture. And for that I just changed the post code to “alignleft”.

These are quite simple changes, so I wasn’t really expecting to have this problem in the iPhone. Could you help me to fix it?

[clarissavazmagalhaes]

Update:

Another developer created a Custom CSS for the theme. I figured what was causing the page to overflow, but I still cannot see the menu on my iPhone. Here is the Custom CSS:

/*Main Header Size*/
h1 a {
font-size: 200%;
}

h2 {
font-size: 32px !important;
}

/*Main Header Hover Colour*/
a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
color: #a69785;
}

/*Page Header Size*/
.entry-title {
font-size: 300%;
}

/*Tagline Size*/
#site-description {
font-size: 200%;
}

/*Current Page Colour*/
#access a,
#access ul li ul li a,
#access ul li.current-menu-item ul li a,
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
color: #665C49 !important;
}

/*Menu Bar Hover Colour*/
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
color: #FFC7C7 !important;
}

/*Second Level Menu Hover Colour*/
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover {
color: #FFC7C7 !important;
}

/*Link Colour*/
/* unvisited link */
a:link {
color: #a69785;
}

/* visited link */
a:visited {
color: #a69785;
}

/* mouse over link */
a:hover {
color: #FFC7C7;
}

/* selected link */
a:active {
color: #FFC7C7;
}

/* Dropdown */
#access ul li ul {
position: absolute;
background-color: #fff;
border-top: 4px solid #FFEDF7;
top: 55px;
left: 0;
width: 190px;
}

/*.entry-content {
width: 1000px;
}*/ >>>>>>>>>>>>THIS WAS CAUSING THE OVERFLOW

Can you help me to fix the menu now? I still cannot see it or the <h2> heading of the page (Samhara.Involution)

[Theme Horse Support Team]

Hi clarissavazmagalhaes,

First of all did you made any code customization of the php file or not. If there is no any customization on the php file then Please deactivate the plugins one by one that you have installed in your dashboard. There may be some javascript conflict with the plugins. After deactivating the plugins also there is some issues then let us know.

Thank You!

[Author]

Posts