Okay
  Public Ticket #1277306
Problem with header area
Closed

Comments

  • ghislain Diarra started the conversation

    Hello OceanThemes,
    first I would like to congratulate you for this awesome work you're doing. 

    I recently bought one of your awesome  wordpress themes called ( MAGNIS Version: 2.0.0), I'm currently having a problem with the header area. 

    On my Front-page  I want to deactivate the header area on top of my slider but there no option included in the customization section allowing me to do so. Here's a precise idea of what I'm trying to do: Please see the attachment.

    I really need help fixing thi, thanks.

  •  2,010
    Ocean replied

    Hi, please do follow attach image. Choose template Canvas to remove page header.

  • ghislain Diarra replied

    Thank you very much that fixed it!!
    But now I have a new problem which is the "responsiveness " of the website.  
    Everything's perfect on desktop and mobile but when it comes to the TABLET , I notice that everything is pushed to the center... The website doesn't fit on iPad ....

    I tried to see if it had to do with the ( .row margins), but when I set it to..

    .row{

      margin-right: -35px;

      margin-left: -35px;
    }

    I realize that doesn't fix it....

    What do you think? and how to fix it so the website can look fully responsive on Tablets too?

  •  2,010
    Ocean replied

    You can add css code here http://www.awesomescreenshot.com/image/431375/60a65bbd73398f66ec983fe267a49737

    @media (max-width: 767px){
      .container { width: auto; }
    }


  • ghislain Diarra replied

    I sincerely thank you for this fast reply, I appreciated the hard work. 

    I've added the code exactly where you showed me, that fixed the issue FOR THE TABLET. ( thank you) 

    - But now, the problem is with the mobile "responsiveness"... Looks like adding that code affected the mobile version...Everything is pushed to the middle including the my full width front page slider... Exactly like what had happened to the tablet width...

    Please see attachement for better understanding.
    Thank you very much!!

  •  2,010
    Ocean replied

    Add more css code:

    @media (max-width: 480px){
      .container { width: auto!important; }
    }


  • Gdiarra replied

    AWESOME,!!! That did the trick, thanks a lot man!!!!

    One last thing any idea on how to change make the sider FULL-WIDTH on all screens??

    I used Slinder revolution 5 and set them all to full-Width, but for some reason there's still a small white space left in the corners of the slider image on the front page ...
    any idea?

  •  2,010
    Ocean replied

    Why do you choose template Canvas, that's fix this problem.

  • Gdiarra replied

    Oh ok, I had clue such thing existed in the Theme.  

    I just switch it to Template canvas and everything's perfect now!! Thank you so much.

    where can I leave a very positive comment on your website, you guys really deserve it!!

  •  2,010