HomeSupport systemWordPressTuran Create Colored Full Width Top Bar + ...
  • Customer

    Create Colored Full Width Top Bar + Header

    Posted by: jasonpel Mar 7, 2018 at 07:04 (7 year ago)
    Hello,

    What is the custom CSS to recreate this styled top bar and header? I would like it to span the full width and have a 3px border just above the menu. (please see attachment)

    Please post the CSS code here and I will add the fix to my site. I do not want you to work directly on my website.

    Thank you!
  • Customer

    Posted by: jasonpel, Mar 7, 2018 at 07:06 (7 year ago)

    Here's the attachment.
    span-dark-color-header-5a9f8f8ce784e.png
  • Customer

    Posted by: Kazim Vu, Mar 7, 2018 at 07:41 (7 year ago)

    As i mentioned at the last ticket. Please upload to your host and let me know. Also, you should not post much your ticket, it's made hard for me to manage all of the queries within this forum. For easier way, you can list all your questions in a document file , i will answer you as soon as possible.

    Many thanks
  • Customer

    Posted by: jasonpel, Mar 7, 2018 at 14:57 (7 year ago)

    Again, I don't know why you won't just post the solutions (CSS, file changes, etc) to my tickets. I have uploaded the site info for you anyways.
    Thanks!
  • Customer

    Posted by: yame, Mar 9, 2018 at 02:39 (7 year ago)

    Hello,

    To recreate, you can change / modify on Theme Options settings or Child theme. However, it would be better if you modify the code in Child theme.
    With this issue, you can css and customize code in this folder: (turan-child)/templates/headers/header-style-10.php

    Regards,
    Yame
  • Customer

    Posted by: jasonpel, Mar 9, 2018 at 04:27 (7 year ago)

    Hi,
    Can you please add this to the website that I provided in the secret info? I would like to create a header similar to my original attached screenshot. If you need to create a child theme, that would be ok. Please post back to this ticket when complete. I would really appreciate your extra help with this!
    Thank you very much! :)
  • Customer

    Posted by: jasonpel, Mar 9, 2018 at 05:38 (7 year ago)

    Hi,
    Is there a simple CSS I can add to theme custom css section to stretch the Header 100% across the entire width of the page? I know how to add the color and the border but I cannot figure out the 100% width.
    Here's what I have modified so far:
    .header .main-header {
    padding: 40px 0;
    background: #111;
    border-bottom: 3px solid #46c8cf;
    }
    Please see attached screen.
    Thank you!
    stretch-header-100-percent-5aa21dda4bdeb.png
  • Customer

    Posted by: yame, Mar 10, 2018 at 02:43 (7 year ago)

    As my coder guides, please change into this code
    and remove the outside div that has class container.
    I am just supporter, and do not understand well about code so it is quite difficult for me to explain about code for you.
    So if you still do not understand me, can I ask my coder do it for you then you can compare the code after your site's done?
    Thank you
  • Customer

    Posted by: jasonpel, Mar 10, 2018 at 15:34 (7 year ago)

    Hi,
    Can you please add this to the website that I provided in the secret info? I would like to create a header similar to my original attached screenshot. If you need to create a child theme, that would be ok. Please post back to this ticket when complete. I would really appreciate your extra help with this!
    Thank you very much! :)
  • Customer

    Posted by: jasonpel, Mar 10, 2018 at 15:46 (7 year ago)

    Hi,
    Ok, I removed the div with container class BUT the social icons on the left and the function icons on the right also moved to the edge of the page. I want the icons to remain in the same position. Please see my attached screenshot once again for the layout I want to achieve.
    Thank you.
    span-dark-color-header-5aa3fdbf38196.png
  • Customer

    Posted by: jasonpel, Mar 11, 2018 at 05:38 (7 year ago)

    Ok, it's done. I fixed it myself. Your notes above sparked some ideas on how to modify the theme.
    Thanks!

INSTALLATION SERVICE

Theme Installation: $49. Pay now

CUSTOMIZED SERVICES

Use our expert service to turn your ideas into reality. Please send an email to kutethemes@gmail.com to provide the more detailed information. Thanks!

WORKING TIME

Our support service works from Monday to Friday.
Mean time (GMT +7):
+ 7:30 - 11:30 AM
+ 1:30 - 5:30 PM
We will try to answer all the questions within 24 hours and solve them as quickly as possible

FORUM CATEGORIES