When I access my website on my iPhone the layout is a little strange. It is mostly fine in portrait view, the only problem I have noticed so far is with the map which I have on my contact section, it cuts off at the bottom of the page.
If I switch the phone to horizontal view my logo becomes larger and is centralized but cuts off half of the top of the image, I also cannot see my right header bar (which I added custom code and could see in portrait view).
Also need some help, in my member area, I have a google calendar embedded which is not acting responsive. It is within a tab area, which seems very small. There seems to be space to make the tab wider?
I sent test login details over to your a short while ago :)
Thanks for getting back to me, I have enabled admin rights for the user details I sent you.
I managed to fix the issue with google calendar, I found some code online with CSS and DIV areas, by creating 2 versions of the Google Calendar embed code (one for mobile access and one for desktop). It works how I would like now :)
I amended the row that contained the google map on the homepage (the row has 2 columns, not sure if this affects it) but it didnt change anything, still cuts of half the map on iPhone view.
The issue with the layout on mobile with the logo is important for me, as mentioned when portrait view its ok, I managed to get logo central using a previous code you posted on the forum, although there is an error in the custom CSS which says; “Expected RBRACE at line 12, column 1”. Is this ok?
When the view is horizontal on mobile the top of the logo cuts off and it is much larger also the .topnav disappears in horizontal view?
Regarding the following code:
@media (max-width: 767px){
.top_nav { display: inline;}
}
I had to paste this into each pages custom CSS box where I wanted it to display, if I passed it under Specular General Settings Custom CSS it didnt work at all? Is there a way around this, as I don’t like to have so much duplicate CSS.
