Tagged: responsive
- This topic has 8 replies, 3 voices, and was last updated 10 years, 9 months ago by
Sakin.
-
AuthorPosts
-
August 12, 2013 at 8:10 am #13038
wanos
MemberHi,
The responsive is not appearing to work on iphone/ipad for the site when using the “premium” theme but does work for the free theme… weird.Site: http://www.test.webintegrations.com.au/PrimeAcct/
I have checked that responsive is not disabled & even tried switching it off & back on without any change.
If I activate the free theme then it looks fine on phones.Only thing changed between the two themes is that I added a text block to the header right widget (which is why I bought the theme) which has the following contents
1300 551 926<br />
[email protected]Any reason why the pro theme is not working??
Cheers,
MarcusAugust 12, 2013 at 8:37 am #13040wanos
MemberFigured it out… there was a plugin (WP CSS3 Button Creator) which required some custom CSS & this broke the theme, but only for the premium…. weird.
Any reason this would occur?August 13, 2013 at 11:58 am #13107Sakin
Keymaster@wanos: Yes when I check in your site in iPhone it’s ok. Sorry we don’t support plugins. When you add custom css you need to add only for that specific button and also add custom css for responsive width.
November 25, 2013 at 2:08 pm #17616blackkeys
MemberI have a similar problem.
My site: sweetandsalty.biz is not working on mobile, but looks fine on desktop.
I have read through the forums.I want the site to look the same on a mobile device, including the menu.
Presently the menu is hidden. You can only see it in a drop-down.I have put custom CSS in and have some plugins installed. Tiny MCE advanced and JetPack. Although I only using MCE at the moment.
Thanks
November 25, 2013 at 2:20 pm #17617blackkeys
MemberTo give you a little more info, below is all the CSS I have used. The first line of it, I just put in now to see if it helps for mobile devices, it didn’t make any difference.
img { max-width: 100%; }
p { line-height: 1.425; margin-bottom: 1em; }
#slider-nav { display: none; }
#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;}November 26, 2013 at 2:07 am #17633Sakin
Keymaster@blackkeys: You site is looking fine in my mobile devices. It’s a responsive view and the design changes as per the screen size. But if you want to make it same like in the desktop view then you need to disable the responsive view from “Appearance => Theme Options => Responsive Design”.
November 27, 2013 at 10:39 pm #17692blackkeys
Memberokay thanks, I tweaked a few things and tested on different devices also. Looks fine now.
November 28, 2013 at 12:21 am #17694blackkeys
MemberActually with the menu, it hides the menu and puts it as a drop down when viewing from a mobile device. I don’t like this and want the menu style to stay the same, albeit re-sized for the screen size.
I can send you a screenshot from a mobile so you know what I mean if you like. I am looking from a Samsung Galaxy S1, but S3 did the same, and if I remember correctly my friends iPhone too.
How can I keep responsive view but just keep the menu the same, so not a drop down?
November 28, 2013 at 2:38 am #17702Sakin
Keymaster@blackkeys: For this you need to customize a site a lot. So, better hire a customizer.
-
AuthorPosts
- The topic ‘Responsive not working’ is closed to new replies.