-
AuthorPosts
-
September 5, 2017 at 8:25 pm #848318
I have a 30px fixed frame on my site. I noticed that by default the frame does not show up on my iPad in portrait mode.
1. Is there a way to make the fixed frame show on my iPad in portrait mode with some custom css?
2. Is there a way to make the fixed frame show on my iPhone 7 Plus with some custom css but with a 5px border instead of the 30px that it is set to?
Thanks!
September 7, 2017 at 11:25 am #849032Hey djshortkut,
Can you post a screenshot of the 30px fixed frame? I’m not sure which is it in the link you gave. Is it also visible on the desktop?
Best regards,
NikkoSeptember 7, 2017 at 5:02 pm #849161I’m talking about the fixed frame border around my site (see image) I would like to have the same 30px border on my iPad in portrait mode and a smaller width one on my iPhone 7 Plus if possible with some custom css. It looks by default it doesn’t work on my iPad in portrait mode or on my iPhone. Thanks!
September 9, 2017 at 2:13 pm #849942Hi,
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 989px) { .responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right, .responsive .av-frame.av-frame-bottom { display: inherit!important; } .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { right: 30px!important; }}
Best regards,
MikeSeptember 9, 2017 at 7:27 pm #849991Thanks Mike, that worked great except for a couple of small issues.
1) How can I make the border 15px wide instead of 30px wide. I changed 30px to 15px but it didn’t seem to make a difference. I changed the media query to just target my iPad in portrait mode for now because 30px on my iPhone is too wide of a border. I would like the fixed frame to be 15px wide on my iPad in portrait mode and a separate media query with a 5px fixed frame.
2) The socket with the copyright info gets cut off now and it can’t be scrolled up high enough to be read. (See Image)
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right, .responsive .av-frame.av-frame-bottom { display: inherit!important; } .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { right: 30px!important; }}
Thanks again!
- This reply was modified 7 years, 3 months ago by djshortkut.
September 10, 2017 at 6:20 pm #850166Hi,
Try changing you code to this:@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right { display: inherit; } .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { right: 30px!important; }} @media only screen and (max-width: 767px) { .responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right { width: 15px!important; } .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { right: 15px!important; }}
Best regards,
MikeSeptember 10, 2017 at 8:10 pm #850191Thanks Mike, you can close this ticket.
- This reply was modified 7 years, 3 months ago by djshortkut.
September 10, 2017 at 9:34 pm #850215 -
AuthorPosts
- The topic ‘Fixed Frame’ is closed to new replies.