-
AuthorPosts
-
April 12, 2017 at 5:19 pm #776815
Hey guys
I tried finding a fix in the forums but couldn’t. I’m using the Creative Studio demo as my base. I have a photo of a model as the background picture in my first color section. It looks great on my iMac and laptop, but the text onscreen covers her face when an in vertical orientation on both my iPhone and iPad.
I thought responsive meant the photo would resize more than it seems that this image does on i devices, so is there something I’m missing?
If not, and that’s just the way it works, then is there a way to force text to a different position onscreen when a device is in vertical orientation?Also, a very newbie question. I saw there’s an update. I created my site without using a child theme (only just finding out about those.) If I update, am I screwed??? (eeek)
Thanks so much.
Rob
April 13, 2017 at 7:33 am #777072Hey Rob,
Responsive means that elements adapt to the screen size, when it comes to background images though you cannot expect that the whole image will show on every screen size available. Some loss of image data is more or less inevitable. I had a look at your site and it looks good on my end, could you post a screenshot highlighting the problem maybe?
About updates, a child theme is used to override the parent. If you have done change in any of the theme files then they will be overwritten. If not, then you are ok to update.
Best regards,
Rikard- This reply was modified 7 years, 8 months ago by Rikard.
April 13, 2017 at 8:19 pm #777501Hey Rikard
OK, here’s an image from my iPhone. I’d like to find a way to have the text not obscure her face, but only in this portrait orientation on an iDevice. Is that possible to do? The text is fine when in landscape orientation.
https://www.dropbox.com/s/4yz8hxd4p1h50fd/IMG_9071.PNG?dl=0
Regarding child themes: When you say “if I’ve made a change in the theme file…” I don’t understand what you mean. What I have done so far is create pages using your demo and replacing it with my content. Does that mean I’ve changed the theme file? Or are you talking about something under the hood like CSS or something?
Thanks!
-RobApril 14, 2017 at 8:43 am #777712Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { .home #av_section_1 .av-special-heading-tag { padding-top:50px; } }
It will target iphone6 in portrait mode. If you need further media queries you find them all here: http://stephen.io/mediaqueries/#iPhone
Best regards,
Rikard- This reply was modified 7 years, 8 months ago by Rikard.
April 16, 2017 at 3:33 pm #778431Hey Rikard
That worked, thank you! I have another question:
Is it possible to have a hamburger on my home page, but a Navbar on a different page with no hamburger there?
Thanks!
Rob
April 17, 2017 at 5:26 am #778555To explain further, what I’m actually trying to see if I can do is have the layout from your Photo Demo on on of my sub pages with the navbar layout on the left in the sidebar, but on my homepage leave the hamburger menu as it is at the top in the header.
I’d be using one of the plugins that hides items from menus on different pages to handle showing different menu items per page. Unless you have a better way to accomplish what I’m trying to do. I’m a newbie, so I’m…y’know, new.
Does that make sense? Is it possible to do all that? And if it is possible, how exactly would I go about it? : )
Thanks!!!!
- This reply was modified 7 years, 8 months ago by moniot.
April 17, 2017 at 11:31 am #778628Hi,
I understand what you are trying to achieve however that feature isn’t available and it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
NikkoApril 17, 2017 at 4:56 pm #778815Hey Nikko
OK, but please tell me if this would work: I create a new subpage and hide the header. Then I use a regular sidebar with a page specific menu in it.
Wouldn’t that basically do it? Or am I missing something? (Forgive me, I’m still just learning even how to build pages…)
If all I’m trying to do is replicate the look and feel of the Photo Demo on a new page without needing a global menu, but rather one that just navigates to anchors on that page, wouldn’t this approach work? And if so, is there a way to get an image in the sidebar to replicate the logo in the top left corner of the photo demo?
Thanks for your patience!
Rob
April 18, 2017 at 4:58 pm #779474Hi moniot,
You could make a totally custom page with a custom template. This will require quiet a bit of skill, time and effort, you might want to hire a freelance developer to do it for you.
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.