CityLogic

CityLogic WordPress theme

CityLogic

CityLogic’s eye-catching design and smart features makes it a great choice for creating any website from travel to business to food, decor, lifestyle, sport and even an online store. The ability to have a transparent header allows the use of bold homepage imagery by displaying either a static header image, slider or even a full width header video.

  • Fully Responsive

    Whether viewed on a desktop computer, laptop, tablet or mobile phone, your site will respond beautifully.

    CityLogic WordPress theme displaying on various devices

  • Demo Content

    Get a head start building your website with CityLogic by importing our beautifully designed demo content. Quick and convenient our demo content means you can get a fully functional website up and running in minutes.

    Read More

  • CityLogic WordPress theme WooCommerce-ready

    WooCommerce-Ready

    CityLogic is styled and ready for integration with WooCommerce, the most popular eCommerce platform on the web. It also has some handy settings that allow you to further customize your online shop, which makes setting up an online store quick and easy.

    Read More

  • Try CityLogic Premium

    We could talk about all of the jaw-droppingly awesome features that CityLogic has til the cows come home but the best way to see what the theme has to offer is to try out the Premium settings yourself.

    Try Now

  • Best theme I have used to date, absolutely in love with it.

    Brandon Revering
  • I LOVE CityLogic! It's perfect and so beautiful! It's also very easy to use!

    Libby Lindblom
  • I will recommend your theme for both design, ease AND customer service.

    Jelle van Andel
CityLogic WordPress theme

If one theme just won't do...

Get a discount price when you purchase CityLogic in a theme bundle.

CityLogic Premium Features

  • Site Logo

    • Set the logo that should display when the header is translucent
    • Set the logo that should display when the header is transparent
    • Display the logo and site title and tagline at the same time
    • Upload a mobile logo and set the screen width at which you want it to appear
  • Layout

    • Turn your site into a one page website by enabling One Page mode
    • Choose between a boxed layout or a full width layout
    • Display a "back to top" button
  • WooCommerce

    • Set the icon that the shopping cart in the header should use
    • Toggle the displaying of the result count and ordering dropdown on the shop page
    • Toggle the displaying of the product name on the product page
    • Toggle the displaying of meta data on the product page - SKU, categories and tags
    • Select which tabs to display on the product page
    • Toggle the displaying of related products on the product page
    • Toggle the displaying of upsell products on the product page
    • Toggle the displaying of the coupon form on the cart page
    • Set the totals on the cart page to auto update when a product's quantity is changed
    • Toggle the displaying of the coupon form on the checkout page
  • Fonts

    • Set the font weight and letter spacing of the site title
    • Set the font weight and letter spacing of the headings
    • Set the font weight and letter spacing of the body text
  • Colors

    • Set the color that the site title will be when the header is translucent
    • Set the color that the site title will be when the header is transparent
    • Set the color that the header text will be when the header is translucent
    • Set the color that the navigation menu text will be when the header is translucent
    • Set the color of the mobile menu button / hamburger menu
    • Set the colour of the mobile menu and mobile menu font
  • Social Media

    • Link to all your social media profiles - Facebook, Twitter, Instagram and more
    • Place your social media links in any widgetized area with the Social Media Links widget
    • Add one custom Font Awesome icon of your choice and set the URL it should link to
  • Header

    • Enable the Sticky Header so that your logo and navigation menu are always visible when scrolling
    • Set the opacity of the header
  • Navigation Menu

    • Set your navigation menu to sticky so that it's always visible when scrolling
    • Set the opacity of the navigation menu
    • Set the alignment of submenus to centered or left-aligned
    • Set the alignment of the navigation menu to left-aligned, centered or inline
    • Set the navigation menu to be positioned below the header media (slider, image, or video).
    • Set the navigation menu to overhang the header media creating an overlap effect.
  • Slider

    • Enable sticky slider
    • Link your slides to any post or page
    • Enable the slideshow mode for the slider so that it scrolls automatically
    • Set the color and opacity of the text overlay
    • Select the transition effect of the slider
    • Display any third party slider plugin on any page or Blog post via the Slider Shortcode field
  • Video Header

    • Add a full width video header to your homepage
  • Header Image

    • Enable sticky header image
    • Link the header image to any page or post
    • Set the color and opacity of the text overlay
    • Display a different header image on any page of the site
  • Sidebars

    • Choose to display a Secondary or Shop sidebar on any of your pages
  • Page Titles

    • Hide the page title on a specific page by changing the page template
    • ...or choose to hide all page and post titles across the whole site
  • Blog

    • Hide the author, date, tags and categories, and comment count on the Blog
    • Choose between the side layout, top layout or masonry grid layout for the Blog page
    • Put the Blog into full width mode
    • Turn off cropping of the Featured Image
    • Disable the displaying of the Featured Image on your single Blog post page
    • Set the style of the Featured Image to be either round, square or default
    • Set the alignment of the Featured Image to left, right or alternating left and right.
    • Set the Featured Image to link through to the blog post
    • Display a different header image on any post or the category and tag pages by setting the Header Image field
    • Remove the title prefix text from the Category and Tag pages
  • Search

    • Set the search results page to be full width
  • Footer

    • Add a background image to the footer
    • Choose to show or hide the footer widgets area
    • Set the copyright text in the footer
    • Set the number of widgets you wish to display per row
    • Choose to show or hide the footer bottom bar
    • Display the bottom bar in a standard or centered layout
  • Mobile

    • Upload a mobile logo and set the screen width at which you want it to appear
    • Expand the mobile logo to fill the entire width and height of the header
    • Choose whether or not to display the mobile logo and site title and tagline at the same time
    • Set the screen width at which you want the mobile menu to activate
    • Make embedded videos responsive by enabling the FitVids library - this includes YouTube and Vimeo