Okay
  Public Ticket #1175228
Removal of full screen layout agency page
Closed

Comments

  • jauneau89 started the conversation

    Hi,

    I would like to remove the full screen agency landing section on the portfolio wide layout and just have my first project displayed first. (See attached for page reference)

    Can you advise me on how this is done please.

    Thanks.

    Attached files:  Screen Shot 2017-05-18 at 09.21.01.png

  •  206
    Ansif replied

    Hi,

    Can you please use following css at : Elston Options > Misc > Custom Codes > Custom CSS

    #section1 {display: none;}
    

    Thanks!

  • jauneau89 replied

    Hi Ansif,

    This doesn't fully resolve the issue as the side dotted pagination doesn't display on project 1 until user scrolls (See screenshot). This is due to the active pagination being displayed on the section I have hidden with your suggested CSS. 

    Can you give me an alternative to resolve this issue or tell me which php file I need to be able to modify this. I have skills with php/Wordpress so a complex alternative suggestion is fine.

    Thanks

    Attached files:  Screen Shot 2017-06-25 at 12.38.46.png

  •  206
    Ansif replied

    Hi,

    Can you please share your site url we'll check and let you know the perfect code.

    Thanks!

  •   jauneau89 replied privately
  •  206
    Ansif replied

    Hi,

    Thanks for your link.

    Since, we hided the first section. It needs two scrolls for showing below portfolio items. Here it's just working fine. Please scroll to see the right side navigation appear.

    Thanks!

  • jauneau89 replied

    Hi Ansif,

    The issue is I would like the scroll dots to be present straight-away without having to scroll first. From a UX angle it isn't obvious that you can scroll until these dots appear.

    Please advise me on how i can activate these dots without having to scroll first.

    Thanks.

  •  206
    Ansif replied

    Ok, can you please try following CSS code at : Elston Options > Misc > Custom Codes > Custom CSS :

    .fp-viewing-0 div#fp-nav {right: 17px;}
    div#fp-nav ul li a span, div.fp-slidesNav ul li a span {background-color: #fff;}
    

    Thanks!