Create More Space Above Fold-Magazine Pro

Community Forums Forums Design Tips and Tricks Create More Space Above Fold-Magazine Pro

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  Davinder Singh Kainth 8 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #100177

    kfmac1
    Member
    Post count: 4

    I really like the look of the Magazine Pro Theme.

    But, I would like to decrease the space between the bottom of the “header” and “top right” widget and the line above the secondary menu.

    Thanks for your help.

    http://thegethealthyclub.org/

    http://thegethealthyclub.org/
    #100182

    Davinder Singh Kainth
    Participant
    Post count: 1453

    Reduce height value in following code (style.css file)

    .header-image .site-title a {
    	background-position: center !important;
    	background-size: contain !important;
    	float: left;
    	display: block;
    	min-height: 180px;
    	text-indent: -9999px;
    	width: 100%;
    }

    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #100183

    Davinder Singh Kainth
    Participant
    Post count: 1453

    Also, you can reduce padding value (10px) in following code (style.css file)

    /* Widget Area
    --------------------------------------------- */
    
    .site-header .widget-area {
    	float: right;
    	text-align: right;
    	width: 728px;
    }
    
    .header-image .site-header .title-area,
    .header-image .site-header .widget-area {
    	padding: 10px 0;
    }
    
    .site-header .widget-area p {
    	margin-bottom: 0;
    }

    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #100186

    kfmac1
    Member
    Post count: 4

    Thanks.

    I reduced the min-height from 180px to 80px and I LIKE what it did to my “Top Right” Widget, but no movement for my “header.”

    Suggestions.

    Thanks.

    http://thegethealthyclub.org/

    #100188

    Davinder Singh Kainth
    Participant
    Post count: 1453

    Actually if you see carefully, your logo went up (implying the header height has been reduced). However, the area is still looking big due to big height of image slider. You should decrease slider height. Another way to reduce height can be by removing “WANT TO GET HEALTHY? LET’S GET HEALTHY!” tagline.


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #100216

    kfmac1
    Member
    Post count: 4

    There you go!

    Thanks for the “instant” help.

    I appreciate it!!!

    http://thegethealthyclub.org/

    • This reply was modified 8 months, 1 week ago by  kfmac1.
    • This reply was modified 8 months, 1 week ago by  kfmac1.
    #100341

    Davinder Singh Kainth
    Participant
    Post count: 1453

    Looks Good now!


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

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

You must be logged in to reply to this topic.