Home Forums Porto Template stickySetTop needs to be different for mobile vs. desktop

This topic contains 2 replies, has 2 voices, and was last updated by  adventurejosh 1 week, 1 day ago. This post has been viewed 45 times

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10019858

    adventurejosh
    Participant

    stickySetTop of -145px looks great on my desktop, but in 100% iPhone mobile view, it leaves way too much white space above my logo. I need to make it shorter on mobile view. How can I do this?



    Template Version: Latest
    #10019863

    Support2
    Keymaster

    Hello,

    1) In css/custom.css change this:

    @media (max-width: 991px) {
    	.sticky-header-active #header .header-logo img {
    		margin-top: 65px;
    	}
    }

    To this:

    @media (max-width: 991px) {
    	.sticky-header-active #header .header-logo img {
    		margin-top: 35px;
    		margin-bottom: 5px;
    	}
    }

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10019880

    adventurejosh
    Participant

    Oh yes, all fixed! Thanks :)


Viewing 3 posts - 1 through 3 (of 3 total)