This topic contains 4 replies, has 3 voices, and was last updated by  Skandha 9 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #132709

    Tayfun
    Participant

    Hello everybody,

    I am using the Parallax Frame theme on my website: http://www.tayfunselcuk.com

    So far I am quite happy with this theme, it’s beautiful and fits my needs in a simple and effective way.
    There are some things though that I had to manually adjust via CSS but i’m not really a professional in CSS, so here are some things that I still have trouble with:

    1. My header (including its position and size) above the slider on the homepage is fine. When I go to one of the menu points (Portrait or Contact for example) the header position is too far down and there is a lot of free space above the site title and the menu points. This problem occurs via mobile phone view as well. How can I remove this free space, so that the header sits at the same position as it does on my homepage?

    2. On my homepage below the slider there are 3 pictures/links (header highlight content, i think it was). I just want those 3 but next to the two smaller ones below there is some free space with grey background color. This problem only occurs on my computer, not via mobile phone view. How can i remove this free space or adjust the width of the 2 smaller ones so that they actually fit the complete site width?

    3. Mobile view: When I open the menu window (opens up at the right side), there is no way to close the menu again. Any suggestions how to fix this?

    Thanks in advance! If I should provide additional information about the CSS that I have used so far, please let me know.

    Best regards,
    Tayfun

    #132790

    Skandha
    Participant

    @tayfun: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    To remove space above the header

    .page {
        padding:0 !important;
    }

    To adjust header highlight content

    @media screen and (min-width:991px) {
    	#header-highlight-post-1 {
    		width:50% !important;
    	}
    	#header-highlight-post-2 {
    		width:50% !important;
    	}
    }

    For the mobile view menu
    Try disabling the plugins and check if this solves your issue.

    Let me know if this works.

    Regards,
    Skandha

    #132991

    Tayfun2
    Participant

    Hi Skandha,

    unfortunately I had to make a second account on your forum because I am trying to reply to you since sunday but somehow the forum just does not let me post anything. I couldnt make a post nor a new topic. Do you know why?

    Anyway: Thanks for your help so far! Adjusting the header and the header-highlight-posts worked great!

    Unfortunately the mobile view is still broken. Disabling the plugins did not help.
    If I hold my phone sidewards (or ipad-view) the ‘X’ to close the menu is shown but it is way too far to the left and doesnt look good at all. Any suggestions how to solve this?

    Best regards,
    Tayfun

    #133112

    Skandha
    Participant

    @tayfun: The X icon issue will be resolved in the next theme update.

    Let me know if you have anymore issues.

    Regards,
    Skandha

    #133114

    Skandha
    Participant

    @tayfun2: Until the next theme update you can use the following CSS code
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    
    @media screen and (max-width: 400px) {
        .sidr {
            max-width: calc(100% - 50px);
        }
       
        .mobile-header-right-nav-open #mobile-header-right-menu {
            left: 0;
        }
    }

    Let me know if you have anymore issues!
    Regards,
    Skandha

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

The topic ‘Free space above Header’ is closed to new replies.