krozero

hi @adhdcelt, there’s two way, you can edit widget area and set “Before/After widget” to div or other available tags (by default its li). or second way is to add css targeting that widget area “li” tag. hope this helps.

Thanks
Kishor

Hello @enricolino,
you can install this plugin https://www.ads-software.com/plugins/enable-shortcode-and-php-support-in-text-widget/. that will enable shortcode in text widget then get the code for you menu location from ‘custom widget area’ and add it to widget using that newly installed shortcode text widget.

i.e
<?php wp_nav_menu( array( ‘theme_location’ => ‘your-menu-location’ ) ); ?>

hope this helps.

Thanks!

Kishor

hi @virgikins, if you are adding it through code editor use <?php dynamic_sidebar( ‘tapahtumabar’ ); ?> . or if you are doing it through wp content editor use shortcode [cwa id=’tapahtumabar’]. try adding widget to that widget area and see if that appears. if it’s still not showing then check the element using chrome inspector. may be it’s hidden or something else. Thanks!

hi @shawncohen, this plugin only creates menu location. for nested menu design you ‘ll need to extend walker menu. yes, you will need additional php please check this link https://wordpress.stackexchange.com/questions/144782/custom-nav-walker-sub-menu-html-construct
if you don’t want to do additional coding try these plugins and see which fits for your requirement.

Thanks!

hi @dibf, is it throwing any error? i tested it in 4.8 but works fine for me.
any steps to reproduce your problem? Thanks!

hi @angelesblu, what do you mean by duplicate? i didn’t see any duplicates in your site header.

Thanks!

can you try deactivate and reactivate plugin? see if that fix the problem? if it didn’t you can download old version form https://www.ads-software.com/plugins/wp-custom-widget-area/developers/
1.2.2 is previous version. download and extract it to plugins directory (replace or delete recently updated version). i’ll look into this issue. thanks!

yea, it looks good but vertical position seems bit off (screenshot attached). you may like to add following css (margin-top and max-width)

.header-right-widget {
    width: 500px;
    float: right;
    margin-top: -30px;
    max-width: 100%;
}

that should fix both vertical positioning and responsive issue. ?? tx!

Jesse, if you are trying to achieve something similar to above screenshot. please paste the widget area code inside ‘<div class=”header-right-widget”>’element. bottom left in above screenshot. and add margin-top: -40px; to css. bottom right in screenshot.

you may need some additional css to control widget break, like search button fall off, responsiveness etc things. hope this helps. thanks!

Kishor

Hi Jesse, it’s hard to tell without looking in your site. for responsiveness please use media queries https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries .

for “search bar not seems to be working ” can you try adding z-index: 500; .
and for “all the way at the very top far right of the page” try adding position responsive for header wrapper element.

is it possible post a link to your site (i’ll have to inspect the code to give you exact fix for your problem)?

Thanks!
Kishor

Hi @ohiolug, it’s looks like the custom wrapper JSON object you entered is not a valid JSON objet array type. please make sure it is enclosed with [ ].
i.e:
[{“tag”: “span”, “id”: “mywidget”}] //if single element

[{“tag”: “span”, “id”: “mywidget”}, {“tag”: “span”, “id”: “inner”}] //if multiple wrapper element

currently, JSON object array validation is not very strong, so it’ll let you submit any JSON object in with or without [ ] brackets. but the plugin uses JSON object type [ { .. }, {..}]. i’m working on few updates. will release next version soon with fix for this validation issue.

please follow above example type. i think that should fix that error.

Thanks,
Kishor

Hi Rob, i’ve tested it with woocommerce plugin today and it works fine. i didn’t get any error. if it’s possible can you please post error here? Thanks!

hi, is it showing any errors? can you paste it here?

thanks!

• This reply was modified 7 years, 11 months ago by krozero.

hi, sorry for delay in reply. the plugin just creates menu location rest is all how you pull it through to theme and how you style it using css. it’s looks like css issue based on your description and the link dead. guess you have found your solution. thanks!

Hi, i’ve added that feature in version 1.2.5. please update the plugin. thanks!