Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 11, 2017 at 11:36 am #806541
    Amigs

    Hi Support Theme

    Because of video problems on mobile we decide to have diferent content for mobile and desktop. We solved with 2 color section, but we still have 2 small problems:

    1. the hight or pading or …
    – it shout show like here : https://reneechabot.com/fix-foto-london/ and not like here: https://reneechabot.com/fix-foto-london-2/

    2. botton border on: https://reneechabot.com/fix-foto-london-2/. how can i change to no borader

    All the best, Pascal

    June 11, 2017 at 3:08 pm #806579
    Mike

    Hey Pascal,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
.html_entry_id_4521 #after_section_2.main_color {border-color: transparent !important; }
.html_entry_id_4521 .template-page.content {padding-top: 0px!important; }}

    This is designed to work only on that page, in mobile, hope it helps :)

    Best regards,
    Mike

    June 11, 2017 at 3:47 pm #806590
    Amigs

    Hi Mike
    Thank you for your answer, but it also should work on desktop. And it should also minimize the space between title and video / photo.

    All the best, Pascal

    PS: the color section has also an id desktop-only/mobile-only, will it work general for this id?

    June 11, 2017 at 4:13 pm #806596
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .html_entry_id_4521 #after_section_2.main_color {border-color: transparent !important; }
.html_entry_id_4521 .template-page.content {padding-top: 0px!important; }
.html_entry_id_4521 .entry-content-wrapper {margin-top: 0px !important; }

    Best regards,
    Mike

    July 3, 2017 at 9:41 am #815767
    Amigs

    Hi Mike

    I have made 2 color section: 1 for desktop only and 1 for mobile only, because video does not work on mobile in the slider.

    So if you looking to the 2 blog entry:

    Fix Photo London

    and

    DaVinci Art Gallery Porto

    there is still a big whitg gab between titel and slider and between slider and text. we would that it look like on this blog post:

    International Photography Festival – Braga Portugal

    All the best,
    Pascal

    July 7, 2017 at 5:48 am #817618
    Ismael

    Hi,

    The space is created by the following css modifications.

    .fullsize .content .entry-content-wrapper {
    padding-right: 0;
    margin-top: 95px;
}

    What is that for?

    Best regards,
    Ismael

    July 7, 2017 at 8:31 am #817664
    Amigs

    Hi Ismael

    Thank you, this is just for the layout (that it is on the same line as the menü in desktop view) and works perfekt. This space is not the probleme.

    pls check different with the color section and without. the problemes only apear only with color section:

    with color sections (not ok) and without color section

    All the best,
    Pascal

    • This reply was modified 7 years, 5 months ago by Amigs.
    July 10, 2017 at 4:08 am #818521
    Ismael

    Hi,

    That css modification creates the space. Please remove it temporarily so that you can see the difference.

    Best regards,
    Ismael

    July 10, 2017 at 9:52 am #818613
    Amigs

    Hi Ismael
    Ok, you are right, but how can change it that that space 95px is on 1. desktop version and 2. just on the top?

    All the best,
    Pascal

    July 11, 2017 at 10:29 am #819210
    Ismael

    Hi,

    1-2.) Replace the code with the following.

    @media only screen and (min-width: 990px) {
  /* Add your Desktop Styles here */
  #main {
    margin-top: 95px;
  }
}

    Best regards,
    Ismael

    July 12, 2017 at 3:54 pm #820072
    Amigs

    Hi Ismael

    I did it the following way:

    @media only screen and (max-width: 769px) {
    #only-desktop #main {
    display: none !important;
    border-color: transparent !important;
    margin-top: 95px;
    border-color: transparent !important;
    }}

    But it does not work, maybe i dit it wrong with {

    All the best ,Pascal

    July 13, 2017 at 11:22 am #820457
    Ismael

    Hi,

    Please remove the “#only-desktop” selector. Or just use our previous suggestion.

    Best regards,
    Ismael

    July 13, 2017 at 11:57 am #820473
    Amigs

    Hi Ismael

    But if i made it like you it dows not work.

    All the best, Pascal

    July 17, 2017 at 4:36 am #822284
    Ismael

    Hi,

    Please remove the whole css declaration because it is invalid. Replace it with the following.

    @media only screen and (min-width: 768px) {
   #main {
      border-color: transparent !important;
      margin-top: 95px;
   }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.