Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 5, 2017 at 8:25 pm #848318
    djshortkut

    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 #849032
    Nikko

    Hey 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,
    Nikko

    September 7, 2017 at 5:02 pm #849161
    djshortkut

    I’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 #849942
    Mike

    Hi,
    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,
    Mike

    September 9, 2017 at 7:27 pm #849991
    djshortkut

    Thanks 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, 2 months ago by djshortkut.
    September 10, 2017 at 6:20 pm #850166
    Mike

    Hi,
    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,
    Mike

    September 10, 2017 at 8:10 pm #850191
    djshortkut

    Thanks Mike, you can close this ticket.

    • This reply was modified 7 years, 2 months ago by djshortkut.
    September 10, 2017 at 9:34 pm #850215
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fixed Frame’ is closed to new replies.