sugaboss

is there any other suggestion … maybe php code for creating a new widget area above the navbar?

Silly me … I now know how to show the flag

But my placement problem is not resolved yet … what I want to do is to place the flag on the right top corner of the header.

Should i use the social link area and make it new widget area using this code in function.php

// Adds a widget area navbar in header
if (function_exists('register_sidebar')) {
    register_sidebar(array(
        'name' => 'Extra Widget In Socials',
        'id' => 'extra-widget',
        'description' => 'Extra widget in the social links area',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '',
        'after_title' => ''
    ));
}
// Place the widget area in the social links area
add_filter ('tc_social_in_header', 'add_my_widget');
function add_my_widget() {
    if (function_exists('dynamic_sidebar')) {
    dynamic_sidebar('Extra Widget In Socials');
    }
}

Or using the after navbar as a new widget area using this code

// Adds a widget area to house transposh flags. See also accompanying css.
if (function_exists('register_sidebar')) {
    register_sidebar(array(
        'name' => 'Extra Widget After Navbar',
        'id' => 'extra-widget',
        'description' => 'Extra widget after the navbar',
        'before_widget' => '<div class="widget %2$s" id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>'
    ));
}

// Place the widget area after the navbar
add_filter ('__after_navbar', 'add_my_widget');
function add_my_widget() {
    if (function_exists('dynamic_sidebar')) {
    dynamic_sidebar('Extra Widget After Navbar');
    }
}

I am currently experimenting with the 2nd option and trying to figure out the CSS to put it on the top right based on this snippet.

If somebody need a link to my site .. click here

I just go through all pages, and found that the solution doesn’t not apply in the post summary page area this area for example

@media (min-width: 768px){
    .entry-header, .entry-content {
        margin: 0 15px;
    }
}

I add another selector (i.e. .entry-summary) in the code above and it solve the problem. Thanks again d4z_c0nf and rdellconsulting

d4z_c0nf … thank you very much your solution works flawlessly

@ rdellconsulting, I am Indonesian and my site is for a charity organisation targeting Indonesia audience (so the server of the hosting is in Indonesian as well) but I currently live in Glasgow Scotland ??

Thank you for your reply sir,

I applied the code but it doesn’t work …

As you can see in my blog’s fornt page in the area below the featured pages …. there is no for left and right margin either.

Btw: I currently live in Glasgow but i stay awake in the night ??

it seems that i need to wait for quite a while until getting any reply. ??

May be you can learn something from the other thread that discussing a similar problem

https://www.ads-software.com/support/topic/i-dont-want-a-full-width-layout-for-the-whole-website?replies=11

My problem is solved
It was a conflict problem with CSS style on the plugin front-end css.
A huge effort of Helps have been given by Mr Son Tung to solve the problem … a great support from the plug-in support team.

I am deeply impressed and really appreciate their responsive and their willingness to help. 5 starts worth for the support alone, yet the plugin is awesome to …

Hi thanks Mr Son Tung,

I sent an email for you.

Hi thank you for the reply, I applied all of those code but nothing happen. When I checked it using inspect element in my chrome This what i got

see this pic

It looks that it conflicted with other CSS dan has something to do with inheritance.

Any further help would be appreciated

Thank you very much d4z_c0nf it works perfectly GBU ??

Oop … i wish i leaned about this plugin earlier … I missed the chance of giveaway ??

I eventually success with my modification … ??
Thanks all. Really appreciate.

Thanks A lot GBU ??